<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Chia các axit trong hình theo nhóm sao cho đúng nhất.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="../../themes/custom-theme/jquery-ui-1.8.11.custom.css">
    <link rel="stylesheet" href="../game.css">
    <script type="text/javascript"  src="../../jquery-1.4.4.js"></script>
    <script type="text/javascript"  src="../../jquery-ui-1.8.10.custom.js"></script>
    <script type="text/javascript"  src="../js.js"></script>
    <script type="text/javascript"  src="config.js"></script>
    <style type="text/css" >
        body { margin: 0; padding: 0; }
        #sortable1 { list-style: none; padding: 0; margin: 0; height: 314px; }
        .imagesyl { display: inline-block; padding: 0; margin: 0; }
        .imagesyl img { border: 0; padding: 0; margin: 0; }
        .content { width: 1200px !important; }        
        .labelg, .group { width: 190px; height: 200px; margin: 2px 0 0 4px; float: left; list-style: none; padding: 0; }
        .labelg { text-align: center; font-weight: 700; height: 20px; }
        .group li { width: 190px; padding: 0; margin: 0; }
        .group li img { width: 190px; max-height: 200px; padding: 0; margin: 0; border: 0; }
    </style>   
</head>
<body>
    <div class="content">        
        <div class="content-top clearfix">
            <ul id="sortable1" class='droptrue ui-state-highlight clearfix'></ul>
        </div>
        <br style="clear: both;" />
        <div class="content-bottom clearfix">
            <div class="clearfix">
                <div class="labelg">Axit metanoic</div>
                <div class="labelg">Axit etanoic</div>
                <div class="labelg">Axit 4-metylpentanoic</div>
                <div class="labelg">Axit Citric</div>
                <div class="labelg">Axit lauric</div>
                <div class="labelg">axit butanoic</div>
            </div>
            <ul id="group1" class='group ui-state-error clearfix'></ul>
            <ul id="group2" class='group ui-state-error clearfix'></ul>
            <ul id="group3" class='group ui-state-error clearfix'></ul>
            <ul id="group4" class='group ui-state-error clearfix'></ul>
            <ul id="group5" class='group ui-state-error clearfix'></ul>
            <ul id="group6" class='group ui-state-error clearfix'></ul>
        </div>
        <div class="submit"><input type="button" class="ui-button ui-widget ui-corner-all ui-button-text-only" value="Hoàn Tất" id="submit"></div>
    </div>
    <div class="gamedialog" title="Study Game">Chúc bạn có những giây phút vui vẻ thoải mái.</div>
    <div class="dialogNoteS hide" title="Study Game">Yeah. Chúc mừng bạn đã sắp xếp thành công. Click Ok để sang level mới nhé :)</div>
    <div class="dialogNoteE hide" title="Study Game">Oh Oh. Bạn sắp xếp chưa chính xác đâu. Làm lại nhé. Chúc thành công.</div>
</body>
</html>
